<template>
  <div class="city-list">
    <van-tabs v-model:active="activeCity">
      <van-tab 
        v-for="city in cities" 
        :key="city.code"
        :title="city.name"
      >
        <report-list :city-code="city.code" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import ReportList from './components/ReportList.vue'

const activeCity = ref(0)
const cities = ref([
  { name: '杭州', code: 'HZ' },
  { name: '宁波', code: 'NB' },
  { name: '温州', code: 'WZ' },
  { name: '绍兴', code: 'SX' },
  { name: '嘉兴', code: 'JX' },
  { name: '湖州', code: 'HUZ' }
])
</script> 